/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 *= require_tree .
 *= require_self
 */

@media (min-width: 1200px) {
    .container {
        width: 970px;
    }

    .container-fluid {
        width: 1120px;
    }
}

body {
    font-family: "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    background-color: #eee;
}

.my-panel {
    background-color: white;
    padding: 20px 50px 20px 20px;
    -webkit-box-shadow: 1px 2px 3px #ddd;
    -moz-box-shadow: 1px 2px 3px #ddd;
    -ms-box-shadow: 1px 2px 3px #ddd;
    -o-box-shadow: 1px 2px 3px #ddd;
    box-shadow: 1px 2px 3px #ddd;
}

.my-pills-panel {
    background-color: white;
    padding: 5px 5px 5px 5px;
    -webkit-box-shadow: 1px 2px 3px #ddd;
    -moz-box-shadow: 1px 2px 3px #ddd;
    -ms-box-shadow: 1px 2px 3px #ddd;
    -o-box-shadow: 1px 2px 3px #ddd;
    box-shadow: 1px 2px 3px #ddd;
}

.error {
    color: red;
}

@media (max-width: 767px) {
    .sidebar {
        display: none;
    }
}